/* BASIC css start */ /* 베스트 카테고리 상단 CSS */ .bestCateListArea { margin:0 auto; width:100%; min-width:1366px; max-width:1584px; overflow:hidden } .bestCateList { margin:0 8px 70px 8px; padding:90px 0 60px; font-size:0; text-align:center; border-bottom:1px solid #dedede } .bestCateList li { display:inline-block } .bestCateList li a { display:block; padding:0 18px; font-size:20px; color:#5f5f5f } .bestCateList li.on a { color:#2e2b2d; font-weight:700 } .bestCateList li.recentReviewComment{display:block;border:0;letter-spacing:-.1em;font-size:12px; margin-top: 20px;} .bestCateList li.recentReviewComment i{font-size:20px} .font_b {font-weight:bold} .loc-navi {display:none} /* 탑배너 추가 CSS */ #headerTopCont{height:90px} #wrap.default #headerTopCont{height:90px} .topBnSlide{height:100px; overflow:hidden} .top_banner{position:relative} .top_banner .bannerImg{text-align:center} .top_banner .bannerImg img{margin: 0 auto; /*height:100px*/} .top_banner .close_btn{position:absolute;top:50%;right:30px;font-size:0;width:26px;height:26px;z-index:5;transform:translateY(-50%)} .top_banner .close_btn a{vertical-align:top} .top_banner .close_btn img{width:100%} .top_banner .bannerImg a{display:block;text-align:center;overflow:hidden;height:100px} .top_banner .slick-next:focus,.threeBnSlide .slick-prev:focus,.threeBnSlide .slick-slide img:focus{outline:0} .slickFade{opacity:0;visibility:hidden;position:relative} .slickFade.slick-initialized{visibility:visible;opacity:1} .top_banner .slick-next:focus,.threeBnSlide .slick-prev:focus,.threeBnSlide .slick-slide img:focus{outline:0} .top_banner .slick-slide{line-height:0 !important;} .notLink{cursor:default} .schPopImg,.schKeyword{box-sizing:border-box} #allCateArea .boxAllCate{padding:10px 30px} .boxAllCateTop{padding-left:100px;height:62px;line-height:62px;border-bottom: 1px solid #000;} .boxAllCateTop a{margin-left:70px;font-size:20px;font-weight:700} .boxAllCateTop a:first-child{margin-left:0} .boxAllCateTop a span{margin-right:10px;font-weight:100;font-size:22px;font-family:'Myriad Pro';font-style:italic} .boxAllCateMid{height:440px} .boxAllCateMid ul{padding-top:0px} .boxAllCateMid .fleft{padding-left:50px;float:left;width:1144px} .boxAllCateMid .fright{float:right;width:170px} .boxAllCateMid li{width:280px;height:175px;float:left; margin-top:20px} .boxAllCateMid li:last-child{width:170px} .boxAllCateBottom{height:340px;overflow:hidden} .boxAllCateBottom .fleft{padding-left:50px;padding-top:40px;float:left;width:850px;border-top: 1px solid #000;box-sizing:border-box;} .boxAllCateBottom .fright{float:right;width:440px} .boxAllCateBottom .fright a{padding:10px 20px;margin-top:13px;display:block;background:#f8d8d3;font-size: 13px;color:#000;letter-spacing:-.11em;} .boxAllCateBottom .fright a:first-child{margin-top:0} .boxAllCateBottom .fright a em{display:block;margin-bottom:5px;font-size: 18px;font-weight:700;} .boxAllCateBottom ul{overflow:hidden} .boxAllCateBottom li{width:20%;float:left} .boxAllCate li span{display:block;margin-top:12px;letter-spacing:-.07em} .boxAllCate li span:first-of-type{margin-top:0} .boxAllCate li span a{font-size: 13px;} .boxAllCate li span.tit a,.boxAllCate li span.tit2 a,.keywordWrap h6{font-size: 16px;font-weight: 900;} .boxAllCate li span.tit2{margin-top:30px} .boxAllCateMid li span.tit{margin-bottom:20px} .boxAllCateBottom li span.tit{margin-bottom: 20px;min-height:25px;} .keywordWrap{background-color:#fff;height: 145px;width: 966px;position:absolute;margin:auto;top: 54px;display:none;right:0;border:1px solid #ccc;} .keywordWrap h6,.schActive{border-bottom:2px solid #f07777;color:#000} .keywordWrap h6{padding-left:25px;height:46px;margin:0 auto;line-height:55px;width:525px;float:left;text-align:left;letter-spacing:-0.1em} .schKeyword{width:calc(100% - 388px);padding-left:20px; margin:0 auto} .keywords{padding:10px 30px 25px;font-size:0;height: 128px;line-height:0;text-align:center;display:none;} .keywords .button,.keywords a{display:inline-block;height:25px;background-color:transparent;padding:0 10px;margin:5px 5px 0;border-radius:25px;font-size:13px;color:#000;line-height:25px;letter-spacing:-1px;cursor:pointer} #headerNavArea .headerNav .navArea .schPopImg a{margin-right:30px;margin-top: 12px;padding:0;line-height:normal;/* height: 66px; */width:100%;} #headerNavArea .headerNav .navArea .schPopImg a:first-child{margin-top:0;} .keywords.keywordsActive{display:block} .schPopImg{width: 317px;float:right;height:100%;padding-top: 14px;padding-right: 49px;} .schPopImg img{max-width:358px;width:100%} ol.keywordRow{width:103px;padding-top:3px;margin-right: 15px;float:left!important;text-align:left;display:inline-grid;} ol.keywordRow li{font-size:13px;display:inline-block;font-weight:700;width: 101px;color:#f07777;} ol.keywordRow li span{font-weight:400} .sch{width:123px;height:30px;border-bottom:1px solid #000;margin-top:5px} .sch .MS_search_word{border:0;height:20px;background:0 0;width:123px;color:#000;margin-top:10px;font-size:12px} .sch form fieldset{position:relative} .sch form a img{position:absolute;right:0;margin:auto;top:4px;bottom:0;width:16px} .schPopClose{padding: 0 !important;position:absolute;right:15px;top:15px;height:auto !important;line-height:initial !important} .schPopClose img{height:15px} #headerNavArea .headerNav .navArea .sch form a.schBtn{display:inline; padding:0; height:auto; line-height:normal; } #dggHide { display:none !important } .columnHide { display:none } #header { position:relative; width:100%; z-index:100 } #headerTop { margin:0 auto; position:relative; max-width:1560px; min-width:1366px; height:90px } /* 로고이미지 */ #headerTop .tlogo { margin-left:-130px; position:absolute; top:20px; left:50% } /*#headerTop .tlogo a { display:block; width:260px; height:70px; text-indent:-9999em; background:url(/design/jojean/phps/common/tlogo.png) 0 0 no-repeat } */ #headerTop .tlogo a img {height:50px} #headerTop .hdShare { padding-top:14px; float:left } #headerTop .hdShare ul { *zoom:1 } #headerTop .hdShare ul:after { display:block; clear:both; content:'' } #headerTop .hdShare li { padding-right:5px; float:left } #headerTop .hdShare li a { display:block; width:25px; height:25px; text-indent:-9999em; background:url(/design/jojean/phps/common/sp_hd_share.png) 0 0 no-repeat } #headerTop .hdShare li a.ic_bm { background-position:0 0 } #headerTop .hdShare li a.ic_ks { background-position:0 -25px } #headerTop .hdShare li a.ic_fb { background-position:0 -50px } #headerTop .hdShare li a.ic_in { background-position:0 -75px } #headerTop .hdShare li a.ic_as { background-position:0 -100px } #headerTop .hdShare li a.ic_gs { background-position:0 -125px } #headerTop .hdGnb { padding-top:18px; float:right } #headerTop .hdGnb ul { *zoom:1 } #headerTop .hdGnb ul:after { display:block; clear:both; content:'' } #headerTop .hdGnb li { margin-left:15px; position:relative; float:left } #headerTop .hdGnb li a { font-size:11px; color:#666 } #headerTop .hdGnb li.hdJoin .bonus { display:inline-block; *display:inline; zoom:1; position:absolute; top:21px; left:50%; width:51px; height:19px; text-indent:-9999em; margin-left:-25px; background:url(/design/jojean/phps/common/bonus.png) 0 0 no-repeat; -webkit-animation: bonus 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation: bonus 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out } #headerNavWrap { height:54px } #headerNavArea { position:relative; height:54px; border-bottom:1px solid #eee; background:#fff } #headerNavArea.fix { position:fixed; top:0; left:0; right:0; width:100%; z-index:100 } #headerNavArea .headerNav { position:relative; margin:0 auto; max-width:1560px; min-width:1366px; height:54px } #headerNavArea .headerNav .navArea { margin-left:32px } #headerNavArea .headerNav .navArea ul { *zoom:1 } #headerNavArea .headerNav .navArea ul:after { display:block; clear:both; content:'' } #headerNavArea .headerNav .navArea li { float:left } #headerNavArea .headerNav .navArea li.last{float:right} #headerNavArea .headerNav .navArea li a { display:block; padding:0 15px; height:54px; font-size:13px; line-height:54px } #headerNavArea .headerNav .navArea li.last a { padding-right:0 } #allCateArea .boxAllCate .menuBox dt a.colorRed, #headerNavArea .headerNav .navArea li a.colorRed { color:#a10000 } #headerNavArea .headerNav .navArea li a.colorRed {} #allCateArea .boxAllCate .menuBox dt a.colorBlue, #headerNavArea .headerNav .navArea li a.colorBlue { color:#4d35ff } #allCateArea .boxAllCate .menuBox dt a.colorPurple, #headerNavArea .headerNav .navArea li a.colorPurple { color:#8c18c8 } #allCateArea .boxAllCate .menuBox dt a.colorPink, #headerNavArea .headerNav .navArea li a.colorPink { color:#ff7373 } #allCateArea .boxAllCate .menuBox dt a.colorRed, #headerNavArea .headerNav .navArea li a.colorRed { color:#eb423f } #allCateArea { position:absolute; top:0; left:0 } #allCateArea .allCateBtns { position:relative; height:54px; cursor:pointer } #allCateArea .allCateBtns .btnAllCate { position:relative; height:54px; z-index:5 } #allCateArea .allCateBtns .btnAllCate .btnAllCateTxt { padding-left:25px; height:54px; font-size:13px; line-height:54px } #headerNavArea .allCateClose{ position: absolute; top: 10px;cursor:pointer} #headerNavArea .trans-line { position:absolute; top:20px; left:0; width:18px; height:15px } #headerNavArea .allCateClose .trans-line { top:25px; } #headerNavArea .line-top, #headerNavArea .line-middle, #headerNavArea .line-bottom {position: absolute; display:block; height:2px;width:18px; border-radius:0px; background:#000;} #headerNavArea .line-top {top:0; -webkit-transform-origin:18px -3px; transform-origin:18px -3px;} #headerNavArea .line-middle {top:6px; -webkit-transition: opacity 200ms linear;transition: opacity 200ms linear;} #headerNavArea .line-bottom {bottom:0; -webkit-transform-origin:20px 4px;transform-origin:20px 4px;} .boxAllCate .is-open .line-top {-webkit-animation: line-top-out linear normal;animation: line-top-out linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} .boxAllCate .is-open .line-middle {opacity: 0;} .boxAllCate .is-open .line-bottom {-webkit-animation: line-bot-out linear normal;animation: line-bot-out linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} #allCateArea .btnAllCate .is-closed .line-top {-webkit-animation: line-top-in 600ms linear normal;animation: line-top-in 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} #allCateArea .btnAllCate .is-closed .line-middle {-webkit-transition-delay: 200ms;transition-delay: 200ms;} #allCateArea .btnAllCate .is-closed .line-bottom {-webkit-animation: line-bot-in 600ms linear normal;animation: line-bot-in 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} #allCateArea .boxAllCate { display:none; position:absolute; top:54px; left:0; width:1364px; border:1px solid #dadada; background:#fff; *zoom:1 } #allCateArea .boxAllCate:after { display:block; clear:both; content:'' } #allCateArea .boxAllCate .innerBox { float:left; height:506px; border-right:1px solid #dadada } #allCateArea .boxAllCate .innerBox .innerTitle { padding:8px 0 0 18px; height:58px; font-size:16px; font-weight:bold; line-height:58px; border-bottom:1px solid #dedede } #allCateArea .boxAllCate .menuBox { padding:0 45px; width:474px } #allCateArea .boxAllCate .menuBox .inner { padding-top:10px } #allCateArea .boxAllCate .menuBox dl { padding-top:19px; *zoom:1 } #allCateArea .boxAllCate .menuBox dl:after { display:block; clear:both; content:'' } #allCateArea .boxAllCate .menuBox dt { float:left; width:102px } #allCateArea .boxAllCate .menuBox dt a { font-size:13px; vertical-align:top } #allCateArea .boxAllCate .menuBox dd { float:left; width:350px } #allCateArea .boxAllCate .menuBox dd a { padding-right:6px; color:#999; vertical-align:top } #allCateArea .boxAllCate .menuBox dd a:before { padding-right:10px; content:'|'; color:#e5e5e5; line-height:13px; vertical-align:top } #allCateArea .boxAllCate .menuBox dd a:first-child:before { content:'' } #allCateArea .boxAllCate .menuBox .innerTop dt, #allCateArea .boxAllCate .menuBox .innerTop dd { padding-right:45px; width:auto } #allCateArea .boxAllCate .menuBox .innerTop dt { padding-right:63px } #allCateArea .boxAllCate .menuBox .innerTop a { font-size:13px; color:#333 } #allCateArea .boxAllCate .menuBox .innerTop a.colorRed { color:#a10000 } #allCateArea .boxAllCate .menuBox .searchWrap { padding-top:27px } #allCateArea .boxAllCate .menuBox .searchWrap .hd-search { position:relative; height:38px; border:1px solid #ccc } #allCateArea .boxAllCate .menuBox .searchWrap .hd-search input { padding:0 10px; width:315px; height:38px; border:0 } #allCateArea .boxAllCate .menuBox .searchWrap .hd-search a { position:absolute; top:0; right:5px; width:38px; height:38px; text-indent:-9999em; background:url(/design/jojean/phps/common/btn_hd_search.gif) 0 0 no-repeat } #allCateArea .boxAllCate .mypageBox { padding:0 20px 0 19px; width:170px } #allCateArea .boxAllCate .mypageBox .txtList { padding-left:18px } #allCateArea .boxAllCate .mypageBox .txtList li { padding-top:14px } #allCateArea .boxAllCate .mypageBox .txtList li a { font-size:13px } #allCateArea .boxAllCate .boardBox { padding:0 20px 0 19px; width:250px } #allCateArea .boxAllCate .boardBox .txtList { padding-left:18px } #allCateArea .boxAllCate .boardBox .txtList li { padding-top:14px } #allCateArea .boxAllCate .boardBox .txtList li a { font-size:13px } #allCateArea .boxAllCate .boardBox .icoList { padding-top:15px } #allCateArea .boxAllCate .boardBox .icoList ul { *zoom:1 } #allCateArea .boxAllCate .boardBox .icoList ul:after { display:block; clear:both; content:'' } #allCateArea .boxAllCate .boardBox .icoList li { padding-top:18px; float:left; width:33.3%; text-align:center } #allCateArea .boxAllCate .boardBox .icoList li a { display:block } #allCateArea .boxAllCate .boardBox .icoList li .ico { display:inline-block; width:42px; height:40px; background:url(/design/jojean/phps/common/sp_hd_ico.png) 0 0 no-repeat } #allCateArea .boxAllCate .boardBox .icoList li .ico1 { background-position:0 0 } #allCateArea .boxAllCate .boardBox .icoList li .ico2 { background-position:0 -40px } #allCateArea .boxAllCate .boardBox .icoList li .ico3 { background-position:0 -80px } #allCateArea .boxAllCate .boardBox .icoList li .ico4 { background-position:0 -120px } #allCateArea .boxAllCate .boardBox .icoList li .ico5 { background-position:0 -160px } #allCateArea .boxAllCate .boardBox .icoList li .ico6 { background-position:0 -200px } #allCateArea .boxAllCate .boardBox .icoList li .tx { display:block; font-size:13px } #allCateArea .boxAllCate .csBox { padding:0 20px 0 19px; width:250px; border-right:0 } #allCateArea .boxAllCate .csBox .innerSns { padding-top:15px } #allCateArea .boxAllCate .csBox .txtList { padding-left:18px } #allCateArea .boxAllCate .csBox .txtList li { padding-top:14px } #allCateArea .boxAllCate .csBox .txtList li a { font-size:13px } @-webkit-keyframes line-top-in { 0% {left: -5px;bottom: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} 20% {left: -5px;bottom: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 80% {left: 0;bottom: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 100% {left: 0;bottom: 1px;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @keyframes line-top-in { 0% {left: -5px;bottom: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} 20% {left: -5px;bottom: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 80% {left: 0;bottom: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 100% {left: 0;bottom: 1px;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @-webkit-keyframes line-top-out { 0% {left: 0;top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;top: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 80% {left: -5px;top: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 100% {left: -5px;top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} } @keyframes line-top-out { 0% {left: 0;top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;top: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);} 80% {left: -5px;top: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);} 100% {left: -5px;top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} } @-webkit-keyframes line-bot-in { 0% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} 20% {left: -5px;bottom: 0;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 80% {left: 0;bottom: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 100% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @keyframes line-bot-in { 0% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} 20% {left: -5px;bottom: 0;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 80% {left: 0;bottom: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 100% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @-webkit-keyframes line-bot-out { 0% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 80% {left: -5px;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 100% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} } @keyframes line-bot-out { 0% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);} 20% {left: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);} 80% {left: -5px;-webkit-transform: rotate(60deg);transform: rotate(60deg);} 100% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);} } @-webkit-keyframes bonus { 0% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } 5% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg) } 15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } 25% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg) } 35% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } } @-ms-keyframes bonus { 0% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } 5% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg) } 15% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } 25% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg) } 35% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } 100% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) } } #rightMenu { display:none; position:fixed; bottom:110px; right:50px; z-index:100 } #rightMenu li { } #rightMenu li a { display:block; text-align:center;width: 38px; height: 38px; margin-top: 3px; border: 1px solid #ddd; line-height: 1; background-color: rgba(255, 255, 255, 0.9); opacity: 0.7; border-radius: 50%; text-align: center; display: block; } #rightMenu li .ico { display:inline-block; width:38px; height:38px; background:url(/design/jojean/phps/common/sp_right_menu1.png) 0 0 no-repeat } #rightMenu li .ico1 { background-position:0 0 } #rightMenu li .ico2 { background-position:0 -27px } #rightMenu li .ico3 { background-position:0 -55px } #rightMenu li .ico4 { background-position:0 -83px } #rightMenu li .ico5 { background-position:0 -111px } #rightMenu li .ico6 { width: 20px; height: 20px; background-position: -85px -65px; } #rightMenu li .ico7 { background-position:0 -168px } #rightMenu li .ico8 { background-position:0 -196px } #rightMenu li .ico9 { background-position:0 -226px } #rightMenu li .tx { display:block; font-weight:bold; text-align:center;font-size: 11px;color: #666; } #rightMenu li .happyfit .tx { color:#2ba5ba } .hdShare #langLink{float:left; padding:4px 14px 0 0;} /*크리마 리뷰노출*/ .today_best_cate { color: #fff; margin-top: 0; } .crema-product-reviews-count { display: block; margin-top:10px; font-size: 12px; color: #3b3b3b; } #header .subListWrap{padding-left:0;white-space:nowrap;} #header .link.menu + .subListWrap{position:absolute;top:100%;right:0;margin-top:-8px;} /* 언어 변환 처리 */ .langKo, :hover>[class^="lang_"]{display:none;} :hover>.langKo{display:inline-block; font-size:11.5px;padding:0px 5px 0px 4px; } .p_icon {margin:10px 0 0 0} #headerNavArea .navArea .cate_logo { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } #headerNavArea.fix .navArea .cate_logo { display: block; opacity: 1; } /* 우측 고정 메뉴 */ .rightFixMenu{position:fixed;bottom:135px;right:55px;z-index:100;} .rightFixMenu .link{width:38px;height:38px;margin-top:3px;border:1px solid #ddd;line-height:1;background-color:rgba(255,255,255,0.9);opacity:0.7;border-radius:50%;text-align:center;display:block;} .rightFixMenu .link .txt{font-size:10px;color:#000;line-height:1;padding:2px 0;white-space:nowrap;display:block;} .rightFixMenu .link .topIcon{margin:7px 3px 0 0;} .rightFixMenu .link .btmIcon{margin:7px 4px 0 0;} .rightFixMenu .link.btmBtn .txt{padding-top:6px;} .rightFixMenu .kakaoPlusLink{width:40px;height:40px;margin-top:3px;border:0;opacity:0.63;display:block;} .rightFixMenu .naverTalkLink{width:40px;height:40px;margin-top:3px;border:0;opacity:0.63;display:block;} .rightFixMenu.on{visibility:visible;opacity:1;} .rightFixMenu .youtubekLink {width:40px;height:40px;margin-top:3px;border:0;opacity:0.63;display:block;} .rightFixMenu .youtubeTalkIcon { width: 40px; height: 40px; background-position: -83px 0;} /* 아이콘 */ .cicon{display:inline-block;vertical-align:middle;font-size:0;background:url(/design/jojean/phps/m/m_common_iconsNew.png) no-repeat;background-size:150px auto;} /* 상단 아이콘 */ .cicon.naverTalkIcon{width:40px;height:40px;background-position:-41px 0;} .cicon.kakaoPlusIcon{width:40px;height:40px;background-position:0 0;} .cicon.menuIcon{width:25px;height:25px;background-position:0 -40px;} .cicon.searchIcon{width:25px;height:25px;background-position:-25px -40px;} .cicon.basketIcon{width:25px;height:25px;background-position:-50px -40px;} .cicon.userMenuIcon{width:25px;height:25px;background-position:-75px -40px;} .cicon.popCloseIcon{width:25px;height:25px;background-position:-100px -40px;} .cicon.orderListIcon{width:25px;height:30px;background-position:0 -65px;} .cicon.hotDealIcon{width:20px;height:20px;background-position:-25px -65px;} .cicon.timeSaleIcon{width:20px;height:20px;background-position:-45px -65px;} .cicon.btmIcon{width:20px;height:20px;background-position:-65px -65px;} .cicon.topIcon{width:20px;height:20px;background-position:-85px -65px;} .cicon.pickIcon{width:20px;height:20px;background-position:-105px -65px;} .cicon.pickIcon.on, .on>.cicon.pickIcon{width:20px;height:20px;background-position:-125px -65px;} .cicon.rightArrowIcon{width:6px;height:10px;background-position:-25px -85px;} /* SNS 아이콘 */ .cicon.ksIcon{width:25px;height:25px;background-position:0 -95px;} .cicon.fbIcon{width:25px;height:25px;background-position:-25px -95px;} .cicon.instaIcon{width:25px;height:25px;background-position:-50px -95px;} .cicon.appIcon{width:25px;height:25px;background-position:-75px -95px;} /* 주문 아이콘 */ .cicon.viewMoreContentArrow{width:19px;height:10px;background-position:-31px -85px;} /* BASIC css end */